//该文件用于创建Vuex中最为核心的store
import Vue from 'vue'
//引入Vuex
import Vuex from 'vuex'
//应用Vuex插件
Vue.use(Vuex)
//准备actions-用于响应组件中的动作
const actions = {
    jia(context, value) {
        // console.log('action中的jia被调用了', context, value);
        context.commit('JIA', value)
    },
    jian(context, value) {
        // console.log('action中的jia被调用了', context, value);
        context.commit('JIAN', value)
    },
    jiaOdd(context, value) {
        // console.log('action中的jiaOdd被调用了', context, value);
        // context.dispatch('demo1',value)
        if (context.state.sum % 2) {
            context.commit('JIA', value)
        }
    },
    demo1(context, value) {
        console.log('处理了一些事情--demo1', context, value);
        context.dispatch('demo2', value)
    },
    demo2(context, value) {
        console.log('处理了一些事情--demo2', context, value);
    },
    jiaWait(context, value) {
        // console.log('action中的jiaWait被调用了', context, value);
        setTimeout(() => {
            context.commit('JIA', value)
        }, 500)
    },
}
//mutations-用于操作数据(state)
const mutations = {
    JIA(state, value) {
        // console.log('mutations中的jia被调用了', state, value);
        state.sum += value
    },
    JIAN(state, value) {
        // console.log('mutations中的jian被调用了', state, value);
        state.sum -= value
    }
}
//准备state-用于存储数据
const state = {
    sum: 0,
    school:'尚硅谷',
    subject:'前端'
}
//准备getters-用于将state中的数据进行加工
const getters = {
    bigSum(state) {
        return state.sum * 10
    }
}

//创建并暴露store
export default new Vuex.Store({
    actions,
    mutations,
    state,
    getters
})